<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <title>Title</title>
    <!--把jquery引入进来-->
    <script type="text/javascript" src="js/jquery-3.3.1.js"></script>
</head>
<body>
<div id="mydiv">第一个div内容</div>
</body>
<script type="text/javascript">
    //原生态编码   返回的是js对象
    var divElement=document.getElementById("mydiv");
    console.log("原生态编码："+divElement.innerHTML)
    //jquery编码    返回是jquery对象
    var div$=$('#mydiv');
    console.log('jQuery编码'+div$.html())
    //把js转换成jquery对象
    var div$=$(divElement);
    console.log('js对象转换成jquery对象后调用方法：'+div$.html())
    //把jquery对象转换成js对象
    // jquery对象是一个数组，该数组里的元素是js对象
    var div01Element=div$.get(0);
    console.log('jquery对象转换成js对象调用属性：'+div01Element.innerHTML);
</script>
</html>